Jquery: draggable plugin -> remove drag behaviour from html5 video controls?

This one was tough. The video player really did stick to the mouse and eat those mouse up events. However, here's my workaround.

This one was tough. The video player really did stick to the mouse and eat those mouse up events. However, here's my workaround: I check the internal Y coordinate of the mouse position during mouse over (adjustable value) and if it's outside of the range, I disable the drag-n-drop feature.

I saw that the mousemove() event continued to fire when it was sticky, so that looked like an ideal access point for the logic: $(function () { $('. Thumb') .draggable() . Mousemove(function (e) { var yAxis = e.

PageY - this. OffsetTop; $(this). Draggable("option", "disabled", (yAxis > 150)?

True : false); }); }).

I have had the same problem — I needed a draggable video player, that is draggable while playing, but as soon as it pauses, it collapses back to a thumbnail state. As you found out the video player reacts on mouseup rather than click event. So it paused the video whenever I stopped dragging it, and I couldn't cancel the mouseup event.

The only solution I found was to overlay the video with a DIV that works as a handle for jQuery UI Draggable. Mousedown, mouseup and mousemove events were used by Draggable, but click event I cought and paused the video. This solution, however, doesn't work with overlayed controls - or you'll need custom ones.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.